<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<title>雷谛净水器管理后台-微信管理</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="css/images/favicon.png">
<!-- Le styles -->
<link href="js/plugins/chosen/chosen/chosen.css" rel="stylesheet">
<link href="css/twitter/bootstrap.css" rel="stylesheet">
<link href="css/base.css" rel="stylesheet">
<link href="css/extra.css" rel="stylesheet">
<link href="css/responsive.css" rel="stylesheet">
<link href="css/jquery-ui-1.8.23.custom.css" rel="stylesheet">
<script src="js/plugins/modernizr.custom.32549.js"></script>
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
      <![endif]-->
</head>
<body>
<div id="loading">
  <img src="img/ajax-loader.gif">
</div>
<div id="responsive_part">
    <div class="logo">
      <a href="index.html"></a>
    </div>
    <ul class="nav responsive">
      <li>
      <btn class="btn btn-la1rge btn-i1nfo responsive_menu icon_item" data-toggle="collapse" data-target="#sidebar">
       <i class="icon-reorder"></i>
      </btn>
      </li>
    </ul>
</div> <!-- 加载效果 -->

<!-- 左侧栏开始 -->
<div id="sidebar" class="collapse">
  <div class="logo">
    <a href="index.html"></a>
  </div>
  <ul id="sidebar_menu" class="navbar nav nav-list sidebar_box">
    <li>
    <a class="dashboard"data-parent="#sidebar_menu" href="index.html">
      <img src="img/menu_icons/dashboard.png">首页</a>
    </li>

    <li class="accordion-group">
    <a class="accordion-toggle widgets collapsed" data-toggle="collapse" data-parent="#sidebar_menu" href="#collapse4">
    <img src="img/menu_icons/staff.png">运营商管理</a>
    <ul id="collapse4" class="accordion-body collapse">
      <li><a href="city_index.html"><i class="fa fa-map-marker"></i> 运营商大全</a></li>
      <li><a href="city_map.html"><i class="fa fa-globe"></i> 网点地图</a></li>
    </ul>
    </li>
    <li>
    <a class="widgets"data-parent="#sidebar_menu"  href="customer_index.html">
    <img src="img/menu_icons/filter.png">装机客户</a>    
    </li>  
    <li class="accordion-group active ">
    <a class="accordion-toggle widgets collapsed" data-toggle="collapse" data-parent="#sidebar_menu" href="#collapse5">
    <img src="img/menu_icons/mp.png">服务号管理</a>
    <ul id="collapse5" class="accordion-body collapse in">
      <li class="active"><a href="wechat_article.html"><i class="fa fa-newspaper-o"></i> 图文素材管理</a></li>
      <li><a href="wechat_event.html"><i class="fa fa-fire"></i> 活动管理</a></li>
      <!--<li><a href="wechat_minisite.html"><i class="fa fa-mobile"></i> 微网站管理</a></li>-->
      <li><a href="wechat_plugin.html"><i class="fa fa-gears"></i> 插件管理</a></li>
    </ul>
    </li> 
    <li>
    <a class="widgets"data-parent="#sidebar_menu"  href="shop_index.html">
    <img src="img/menu_icons/order.png">商城管理</a>    
    </li>     
    <li>
    <a class="widgets"data-parent="#sidebar_menu" href="complain_index.html">
    <img src="img/menu_icons/complain.png">客诉管理</a>
    </li>
    <li>
    <a class="widgets"data-parent="#sidebar_menu" href="qr_index.html">
    <img src="img/menu_icons/qr.png">二维码管理</a>
    </li>
  </ul>
</div>
<!-- 左侧栏结束 -->


<div id="main">
  <!-- 主体开始 -->
  <div class="container">

    <!-- 顶部条开始 -->    
    <div class="container_top">
      <div class="row-fluid ">
        <div class="top_bar_stats to_hide_tablet">
          <div class="stats">
            <span class="title">欢迎进入:</span> 雷谛净水器社交化客户资源管理平台 
          </div>
        </div>
        
       <div class="top_right">

        <ul class="nav nav_menu">
    
      <li class="dropdown">
      <a class="dropdown-toggle administrator" id="dLabel" role="button" data-toggle="dropdown" data-target="#" href="/page.html">
      <span class="icon"><img src="img/menu_top/profile-avatar.png"></span><span class="title">管理员</span></a>
      <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
       <!--  <li><a href="#"><i class=" icon-user"></i> My Profile</a></li> -->
        <!-- <li><a href="#"><i class=" icon-cog"></i>Settings</a></li> -->
        <li><a href="#"><i class=" icon-unlock"></i>退出</a></li>
        <!-- <li><a href="#"><i class=" icon-flag"></i>Help</a></li> -->
      </ul>
      </li>
      <li class="dropdown">
      <a id="dLabel" role="button" data-toggle="dropdown" data-target="#" href="/page.html">
      <span class="icon"><img src="img/menu_top/profile-qrcode.png"></span><span class="title">微信提醒</span><!-- <span class="notifications">3</span> -->
      </a>
      <ul class="dropdown-menu messages" aria-labelledby="dLabel">
        <div class="container">
          <div class="heading">
            <span class="title"><i class="icon-qrcode"></i>绑定微信二维码</span>
          </div>
          <div>
           <img src="img/qrcode_staff.jpg" />
          </div>
        </div>
      </ul>
      </li>
        </ul>
       </div> <!-- 顶部条-用户信息结束 -->

        <div class="span4">
        </div>
      </div>
    </div>
    <!-- 顶部条结束 -->

    <!-- 内容区域开始 -->
    <div id="container2">
      <div class="row-fluid ">
        <div class="box gradient">
          <div class="title">
            <h3><a href="wechat_article.html"  class="btn btn-mini pull-right" style="margin:5px 5px 0 0"><i class="fa fa-hand-o-left"></i> 返回</a>
            <i class="fa fa-share-alt"></i><span>发布文章</span>
            </h3>
          </div>
          <div class="content">

                <form class="form-horizontal  row-fluid" action="#">
                  <div class="form-row control-group row-fluid">
                    <label class="control-label span3" for="text">文章标题</label>
                    <div class="controls span5">
                      <div class="input-prepend row-fluid">
                        <span class="add-on prepend "><i class="fa fa-wechat "></i></span>
                        <input class="row-fluid" id="cloth2" required  size="50" type="text" placeholder="分享文章标题">
                      </div>
                    </div>              
                  </div>
                  <div class="form-row control-group row-fluid">
                    <label class="control-label span3" for="text">作者来源</label>
                    <div class="controls span5">
                      <div class="input-prepend row-fluid">
                        <span class="add-on prepend "><i class="fa fa-user "></i></span>
                        <input class="row-fluid" id="author" required  size="50" type="text" placeholder="自定义作者或者文章来源（选填）">
                      </div>
                    </div>              
                  </div>
                  <div class="form-row control-group row-fluid">
                    <label class="control-label span3" for="text">奖励积分</label>
                    <div class="controls span3">
                      <div class="input-prepend input-append row-fluid">
                        <span class="add-on prepend "><i class="icon-pengyouquan"></i></span>
                        <input class="row-fluid" id="price2" required  size="6" type="text"  placeholder="不奖励请留空"> 
                        <span class="add-on "> 分 / </span>
                      </div>
                    </div>                 
                    <div class="controls span3">
                      <label class="inline radio">
                      <input type="radio" name="radio2" value="hi"/> 分享 </label>
                      <label class="inline radio">
                      <input type="radio" name="radio2" value="feedback" checked="CHECKED"/> 点击 </label>
                    </div>                 
                  </div>
                  <div class="form-row control-group row-fluid">
                    <label class="control-label span3" for="search-input">封面头图 <span class="help-block">建议尺寸：900像素 * 500像素</span></label>
                    <div class="controls span7">
                      <div class="input-append row-fluid">
                        <input type="file" class="spa1n6 fileinput" id="search-input">
                        >
                      </div>
                    </div>
                  </div>

                  <div class="form-row control-group row-fluid">
                    <label class="control-label span3" for="text">文章摘要</label>
                    <div class="controls span5">
                      <textarea id="text" rows="3" class="row-fluid"></textarea>
                      <div id="bottom">
                        <span id="chars">100</span> 字剩余
                      </div>
                    </div>
                  </div>
                  <div class="form-row control-group row-fluid">
                    <label class="control-label span3" for="editor1">文章内容
                    </label>
                    <div class="controls span5">
                      <textarea id="editor1" class="row-fluid" rows="15"></textarea>
                    </div>
                  </div>
                  <div class="form-row control-group row-fluid">
                    <label class="control-label span3" for="text">原文链接</label>
                    <div class="controls span5">
                      <div class="input-prepend row-fluid">
                        <span class="add-on prepend "><i class="fa fa-chain "></i></span>
                        <input class="row-fluid" id="link" required  size="50" type="text" placeholder="选填">
                      </div>
                    </div>              
                  </div>

                  <div class="form-actions row-fluid">
                    <div class="span10 offset3">
                      <button type="submit" class="btn btn-large btn-info"><i class="fa fa-save"></i> 立即保存</button>
                      <button type="submit" class="btn btn-large"><i class="fa fa-hand-o-left"></i> 取消</button>
                    </div>
                  </div>
                </form>


            </div>
        </div>
        <!-- End box -->
      </div>
    </div>
    <!-- 内容区域结束 -->

  </div>
  <!-- 主体结束 -->
  <!-- 底部开始 -->
  <div id="footer">
    <p>
      Powered by 欧托邦
    </p>
    <span class="company_logo"><a href="http://www.o2bang.com"></a></span>
  </div>
  <!-- 底部结束 -->
</div>
<!-- /container -->

<!-- Le javascript
    ================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="js/jquery.js"></script>
<script language="javascript" type="text/javascript" src="js/plugins/jquery.sparkline.min.js"></script>
<script src="js/bootstrap-transition.js"></script>
<script src="js/bootstrap-alert.js"></script>
<script src="js/bootstrap-modal.js"></script>
<script src="js/bootstrap-dropdown.js"></script>
<script src="js/bootstrap-scrollspy.js"></script>
<script src="js/bootstrap-tab.js"></script>
<script src="js/bootstrap-tooltip.js"></script>
<script src="js/bootstrap-popover.js"></script>
<script src="js/bootstrap-button.js"></script>
<script src="js/bootstrap-collapse.js"></script>
<script src="js/bootstrap-carousel.js"></script>
<script src="js/bootstrap-typeahead.js"></script>

<script src="js/fileinput.jquery.js"></script>
<script src="js/jquery-ui-1.8.23.custom.min.js"></script>
<script src="js/jquery.touchdown.js"></script>
<!-- Textarea editor https://github.com/jhollingworth/bootstrap-wysihtml5/ -->
<script src="js/plugins/justGage.1.0.1/resources/js/raphael.2.1.0.min.js"></script>
<script src="js/plugins/justGage.1.0.1/resources/js/justgage.1.0.1.min.js"></script>
<script language="javascript" type="text/javascript" src="js/plugins/wysihtml5-0.3.0.min.js"></script>
<script language="javascript" type="text/javascript" src="js/plugins/bootstrap-wysihtml5.js"></script>
<script language="javascript" type="text/javascript" src="js/plugins/jquery.peity.min.js"></script> 
<script language="javascript" type="text/javascript" src="js/plugins/jquery.uniform.min.js"></script>
<script language="javascript" type="text/javascript" src="js/plugins/textarea-autogrow.js"></script>
<script language="javascript" type="text/javascript" src="js/plugins/character-limit.js"></script>
<script language="javascript" type="text/javascript" src="js/plugins/jquery.maskedinput-1.3.js"></script>
<script language="javascript" type="text/javascript" src="js/plugins/chosen/chosen/chosen.jquery.min.js"></script>
<script language="javascript" type="text/javascript" src="js/plugins/bootstrap-datepicker.js"></script>
<script language="javascript" type="text/javascript" src="js/plugins/bootstrap-colorpicker.js"></script>

<script language="javascript" type="text/javascript" src="js/plugins/flot/jquery.flot.js"></script>
<script language="javascript" type="text/javascript" src="js/plugins/flot/jquery.flot.stack.js"></script>
<script language="javascript" type="text/javascript" src="js/plugins/flot/jquery.flot.pie.js"></script>
<script language="javascript" type="text/javascript" src="js/plugins/flot/jquery.flot.resize.js"></script>

<script src="js/scripts.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $("input:checkbox, input:radio, input:file").uniform();
        $('textarea.autogrow').autogrow();
        var elem = $("#chars");
        $("#text").limiter(100, elem);
        // Mask plugin http://digitalbush.com/projects/masked-input-plugin/
        $("#mask-phone").mask("(999) 999-9999");
        $("#mask-date").mask("99-99-9999");
        $("#mask-int-phone").mask("+33 999 999 999");
        $("#mask-tax-id").mask("99-9999999");
        $("#mask-percent").mask("99%");
        // Editor plugin https://github.com/jhollingworth/bootstrap-wysihtml5/
        $('#editor1').wysihtml5({
          "image": false,
          "link": false
          });
        // Chosen select plugin
        $(".chzn-select").chosen({
          disable_search_threshold: 10
        });
        // Datepicker
        $('#datepicker1').datepicker({
          format: 'mm-dd-yyyy'
        });
        $('#datepicker2').datepicker();
        $('.colorpicker').colorpicker()
        $('#colorpicker3').colorpicker();
    });
    </script>
<script type='text/javascript'>
    $(window).load(function() {
     $('#loading').fadeOut();
    });

 $(document).ready(function() {
      $('body').css('display', 'none');
      $('body').fadeIn(500);

      $("#logo a, #sidebar_menu a:not(.accordion-toggle), a.ajx").click(function() {
      event.preventDefault();
      newLocation = this.href;
      $('body').fadeOut(500, newpage);
      });
      function newpage() {
      window.location = newLocation;
      }
});
</script>

</body>
</html>